<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单案例</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3352976_ooum7k3h7mj.css">
</head>
<body>
    <h1>青春不常在，抓紧谈恋爱</h1>
    <form action="" method="get">
        <table width="500">
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="sex" id="man"><label for="man"><span class="iconfont icon-man"></span><span>男</span></label>
                <input type="radio" name="sex" id="woman"><label for="woman"><span class="iconfont icon-woman"></span><span>女</span></label>
            </td>
        </tr>
        
        <tr>
            <td>生日</td>
            <td>
                <select name="date" id="year">
                <option value="year">--请选择年--</option>
                <option value="1992">1992</option>
                <option value="1993">1993</option>
                <option value="year">1994</option>
                <option value="year">1995</option>
                <option value="year">1996</option>
                <option value="year">1997</option>
                <option value="year">1998</option>
                <option value="year">1999</option>
                <option value="year">2000</option>
                </select>
                <select name="date" id="month">
                    <option value="month">--请选择月--</option>
                    <option value="month">1月</option>
                    <option value="month">2月</option>
                    <option value="month">3月</option>
                    <option value="month">4月</option>
                    <option value="month">5月</option>
                    <option value="month">6月</option>
                    <option value="month">7月</option>
                    <option value="month">8月</option>
                    <option value="month">9月</option>
                    <option value="month">10月</option>
                    <option value="month">11月</option>
                    <option value="month">12月</option>
                </select>
                <select name="date" id="day">
                    <option value="month">--请选择日--</option>
                    <option value="" class="month">1日</option>
                    <option value="" class="month">2日</option>
                    <option value="" class="month">3日</option>
                    <option value="" class="month">4日</option>
                    <option value="" class="month">5日</option>
                    <option value="" class="month">6日</option>
                    <option value="" class="month">7日</option>
                    <option value="" class="month">8日</option>
                    <option value="" class="month">9日</option>
                    <option value="" class="month">10日</option>
                    <option value="" class="month">11日</option>
                    <option value="" class="month">12日</option>
                    <option value="" class="month">13日</option>
                    <option value="" class="month">14日</option>
                    <option value="" class="month">15日</option>
                    <option value="" class="month">16日</option>
                    <option value="" class="month">17日</option>
                    <option value="" class="month">18日</option>
                    <option value="" class="month">19日</option>
                    <option value="" class="month">20日</option>
                    <option value="" class="month">21日</option>
                    <option value="" class="month">22日</option>
                    <option value="" class="month">23日</option>
                    <option value="" class="month">24日</option>
                    <option value="" class="month">25日</option>
                    <option value="" class="month">26日</option>
                    <option value="" class="month">27日</option>
                    <option value="" class="month">28日</option>
                    <option value="" class="month">29日</option>
                    <option value="" class="month">30日</option>
                    <option value="" class="month">31日</option>
                </select> 
            </td>         
        </tr>

        <tr>
            <td>所在地区</td>
            <td><input type="text" placeholder="例如：广州"></td>
        </tr>

        <tr>
            <td>婚姻状态</td>
            <td>
                <input type="radio" name="merriage" id="unmerry"><label for="unmerry">未婚</label>
                <input type="radio" name="merriage" id="merry"><label for="merry">已婚</label>
                <input type="radio" name="merriage" id="breakmerry"><label for="breakmerry">离婚</label>
            </td>
        </tr>
        <tr>
            <td>学历</td>
            <td><input type="text" placeholder="例如：幼儿园"></td>
        </tr>
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" name="likeType" id="sexlady"><label for="sexlady">妩媚的</label>
                <input type="checkbox" name="likeType" id="cute"><label for="cute">可爱的</label>
                <input type="checkbox" name="likeType" id="xianrou"><label for="xianrou">小鲜肉</label>
                <input type="checkbox" name="likeType" id="larou"><label for="larou">老腊肉</label>
                <input type="checkbox" name="likeType" id="allLike"><label for="allLike">都喜欢</label>
            </td>
        </tr>
        <tr>
            <td>自我介绍</td> 
            <td>
                <textarea name="selfintroduce" id="selfintroduce" cols="30" rows="5"></textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="button" value="免费注册"></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" name="tongyi" id="tongyi" checked="checked"><label for="tongyi">我同意注册条框和会员加入标准</label>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即注册</a>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h3>我承诺</h3>
                <ul>
                    <li>年满18</li>
                    <li>严肃</li>
                    <li>真诚</li>
                </ul>
            </td>
        </tr>
        </table>
    </form>
</body>
</html>